<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>普通中考成绩查询</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../plugins/mui/mui.min.css" rel="stylesheet" />
    <script src="../../js/statistics.js"></script>
    <style>
        body{
            font-family: "Microsoft YaHei", sans-serif;
            min-height:100vh;
            background: #fff;
        }
        .header{
            background: #43ac45;
        }
        .header h1{
            color:#fff;
            font-size:18px;
        }
        .header a{
            color:#fff;
        }
        .mui-content{
            background:#fff;
        }
        .mui-content img{
            width:100%;
            margin:0;
            padding:0;
        }
        .main h2{
            font-size:20px;
            text-align:center;
            margin:10% 0;
            color:#333;
            font-weight:normal;
        }
        .main form input{
            border:1px solid #f5f5f5;
        }
        .main{
            padding:0 8%;
            /*margin-bottom:20px;*/
        }
        .main form div{
            margin:6px 0;
        }
        .main  form input{
            display: inline-block;
            width:60%;
            height:29px;
            color:#333;
        }
        .main form .sure input{
            width:30%;

        }
        .main form .sure span{
            display: inline-block;
            background: url("../../images/icon/executive_housekeeper/YZM.png") no-repeat;
            width:20%;
            height:25px;
            background-size:100% 100%;
            vertical-align: middle;
            margin-left:6%;
        }
        .main form label{
            display: inline-block;
            width:32%;
            font-size:17px;
            color:#333;
        }
        .mui-button-row{
            margin:0 auto;
            padding-bottom:20px;
            padding-top:7%;
        }
        .main form button{
            width:80%;
            background: #999;
            color:#fff;
            font-size:17px;
            height:38px;
            border-radius: 7px;
        }
        /*弹出提示框*/
        .bg{
            width:100%;
            min-height:100vh;
            background:#000;
            opacity: 0.4;
            position:fixed;
            top:0;
            left:0px;
            z-index:100;
        }
        .hint_img{
            width:100%;
            min-height:100vh;
            margin:0 auto;
            padding:21% 15% 0 15%;
            position:fixed;
            top:0px;
            left:0;
            z-index: 120;
        }
        .hint_img img{
            width:100%;
        }
        .hint_img p{
            /*display: inline-block; *!*/
            width: 50px;
            height: 50px;
            /* display: inline-block; */
            background: url("../../images/icon/executive_housekeeper/close.png") no-repeat;
            background-size: 90%;
            /* position: fixed; */
            /* top: 73%; */
            /* left: 43%; */
            /* text-align: center; */
            margin: 0 auto;
            margin-top:-4px;
            z-index: 10000;
        }

    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav header">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title" id='title'>普通中考成绩查询</h1>
    </header>
    <div class="mui-content">
        <!--顶部头片-->
        <img src="../../images/icon/executive_housekeeper/Medium.png" alt="">
        <!--中考成绩查询-->
        <div class="main">
            <h2>溧阳市2017年中考成绩查询</h2>
            <form>
                <div>
                    <label>准考证号：</label>
                    <input type="text">
                </div>
                <div>
                    <label>考试号：</label>
                    <input type="text" >
                </div>
                <div class="sure">
                    <label>验证码：</label>
                    <input type="text">
                    <span></span>
                </div>
                <div class="mui-button-row">
                    <button type="button" >查询</button>
                    <!--<button type="button" class="resetbtn">重置</button>-->
                </div>
            </form>
        </div>
    </div>
    <!--弹出提示框-->
    <div class="modal">
        <!--背景图-->
        <div class="bg"></div>
        <div class="hint_img">
            <img src="../../images/icon/executive_housekeeper/hint.png" alt="">
            <p class="close"></p>
            <!--<div class="hint">-->
                <!---->
            <!--</div>-->
        </div>
    </div>
    <script src='../../plugins/jquery/jquery-3.1.0.min.js'></script>
    <script src="../../plugins/mui/mui.min.js"></script>
    <script src='../../js/executive_housekeeper/index.js'></script>
    <script src='../../js/fontset.js'></script>
    <script>
        mui.init();
        $('.hint_img').on('tap','.close',function(){
//            $('.modal').hide();
            mui.back();
        })
    </script>
</body>
</html>